<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>{{title}}</title>
		<link rel="shortcut icon" href="image/favicon.ico" type="image/ico"/>
		<link rel="stylesheet" type="text/css" href="css/Panli.css"/>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<div id="rehead">
			<div id="hidde">
				<a href="#"><img src="image/image.png.jpg"></a>
				<span id="close"><img  src="image/close.gif"></span>
			</div>
		</div>
		{{include "share/nav-header"}}
	
		<div class="head-logo">
			<a href="#"><img src="image/logo.png"/></a>
			<div class="search">
				<div class="serach-warp">
					<a href="#" class="cow-click" ><span class="icon icon-redown"></span><span class="change">代购</span></a>
					<a href="#" data-val="v2" class="toggle" style="color: #FF6E6E;" id="cow2">转运</a>
				</div>
				<input type="text"  class="search-input input" placeholder="已经找好要代购的宝贝了吗？快把宝贝的网址粘贴过来～" />
				<span class="headSearch">我要<span class="content">代购</span></span>
				<p class="shops">
					<span class="size">代购支持商家:</span>
					<a href="http://www.taobao.com" target="_blank">淘宝</a>
					<a href="http://www.tmall.com" target="_blank">天猫</a>
					<a href="http://www.jd.com" target="_blank">京东</a>
					<a href="http://www.meilishuo.com" target="_blank">美丽说</a>
					<a href="http://www.mogujie.com" target="_blank">蘑菇街</a>
					<a href="http://www.1688.com" target="_blank">阿里巴巴</a>
					<a href="http://www.yhd.com" target="_blank">一号店</a>
					<a href="http://www.vip.com" target="_blank">唯品会</a>
					<a href="http://www.amazon.cn" target="_blank">亚马逊中国</a>
					等中国购物网站
					<a href="#" style="float: right;display: none;text-decoration: none;" class="transform">如何运转</a>
				</p>
			</div>
		</div>
		<div class="nav">
				<section class="nav-bar">
					<div class="nav-item active"><a href="#">首页</a></div>
					<div class="nav-item"><a href="#">值得买</a></div>
					<div class="nav-item"><a href="/product">拼单</a></div>
					<div class="nav-item"><a href="#">团购</a></div>
					<div class="nav-item"><a href="#">社区</a></div>
					<div class="nav-item"><a href="#">手机版</a></div>
				</section>
			</div>
			<div class="baner">
				<ul class="baner-list">
					<li style="background: transparent url('image/6723f6ad-15ad-4584-893b-343adf9bb18b.gif');">
						<a href="#" target="_blank">
							<img src="image/32169e0a-51dd-44d1-a544-ae0c2af6fbe2.jpg"/>
						</a>
					</li>
					<li style="background: transparent url(image/717b3075-b361-4771-8904-761764befbe1.gif);">
						<a href="#" target="_blank">
							<img src="image/2753b533-fae2-4111-a32d-349084287544.jpg"/>
						</a>
					</li>
					<li style="background: transparent url('image/f5bc8d6e-14e4-4b77-94cb-8e3add75e7ce.gif');">
						<a href="#" target="_blank">
							<img src="image/c73138fc-34b3-43c9-9321-022ce1527bdf.jpg"/>
						</a>
					</li>
				</ul>
				<div class="inner">
					<div class="notice">
						<div class="attention">
							<h6 class="attention-title">公告</h6>
							<ul>
								<li>[<a class="at-list" target="_blank">优惠<a>]<a href="#" title="天猫海外新品抢先订 8.8元秒" class="discount"> 天猫海外新品抢先订 8.8元秒杀</a></li>
								<li>[<a class="at-list" target="_self">通知<a>]<a href="#" title="充电宝类商品暂停国际运送"  class="ys"> 充电宝类商品暂停国际运送</a></li>
								<li>[<a class="at-list" target="_self">号外<a>]<a href="#" title="一言不合就拼邮！快来看" class="ys"> 一言不合就拼邮！快来看</a></li>
								<li>[<a class="at-list" target="_self">公告<a>]<a href="#" title="邀请好友升级啦！番币赚不停" class="ys"> 邀请好友升级啦！番币赚不停</a></li>
								<li>[<a class="at-list" target="_self">拼单<a>]<a href="#" title="跟着下单 国内运费全免" class="ys"> 跟着下单 国内运费全免</a></li>
								<li>[<a class="at-list" target="_self">精品<a>]<a href="#" title="想买到满意的宝贝？小编推荐~" class="ys"> 想买到满意的宝贝？小编推荐~</a></li>
							</ul>
						</div>
						<div class="activity">
							<a href="#" target="_blank">
								<img src="image/635761105194100586.png"/>
							</a>
						</div>
					</div>
					
					<div class="dots">
						<span class="dot" data-index="0"  style="background: #FFFFFF;"></span>
						<span class="dot" data-index="1"></span>
						<span class="dot" data-index="2"></span>
					</div>
					
					<div class="panda">
						<ul>
							<li class="panda-item">
								<a href="#" ><img src="image/online-kefu.png"/></a>
							</li>
							<hr style="width: 100%;margin: 0;border:none;border-bottom:solid 1px #999;"/>
							<li class="panda-item">
								<a href="#" ><img src="image/online-phone.png"/></a>
							</li>
								<hr class="hide" style="width: 100%;margin: 0;border:none;border-bottom:solid 1px #999;"/>
							<li class="panda_item hide">
								<a href="#" ><img src="image/arrow.png"/></a>
							</li>
							<hr style="width: 100%;margin: 0;border:none;border-bottom:solid 1px #999;"/>
							<li class="hide" style="height: 29px">
								<a href="#"><img src="image/suggest.png"/></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<main style="height: 2840px;background: lightblue;">
			<div class="main-content" >
				<h6 class="m-title">小编推荐</h6> 
				<div class="picture">
					<div class="f size2-2">
						<a href="/product_detail" class="f img2-2">
							<img src="image/636041144678301295.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#" class="f img1-1">
							<img src="image/636041714263249691.jpg"/>
						</a>
						<a href="#" class="f img1-1">
							<img src="image/636022769459687617.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#" class="f img1-1">
							<img src="image/636022769459687617.jpg"/>
						</a>
						<a href="#" class="f img1-1">
							<img src="image/636044613590161704.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636023873144154758.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/635925339335095755.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#" class="f img1-1">
							<img src="image/636056432217659292.jpg"/>
						</a>
						<a href="#" class="f img1-1">
							<img src="image/636056450800762185.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#" class="f img1-1">
							<img src="image/636056434393883765.jpg"/>
						</a>
						<a href="#" class="f img1-1">
							<img src="image/636039378819419507.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#" class="f img1-1">
							<img src="image/636047068462862774.jpg"/>
						</a>
						<a href="#" class="f img1-1">
							<img src="image/636041758757184598.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#" class="f img1-1">
							<img src="image/636056433281010112.jpg"/>
						</a>
						<a href="#" class="f img1-1">
							<img src="image/636056434905873049.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/635910391879648679.jpg"/>
						</a>
					</div>
					<div class="f p1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053867238260862.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053867764430957.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053868381836271.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053869264876778.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/635910392757918913.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053869759995097.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053870501417504.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053872116899904.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053872491611337.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/635910393303250104.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053874563699853.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053875153843608.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053876029293681.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053876580465206.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/635910398491536857.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053877202820802.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053877724580645.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053878211558499.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053878686895687.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/635931325995593628.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053879091748843.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053879671351994.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053880129938224.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053880504659657.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/635924354555579085.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053880932994156.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053881359208534.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053881878798253.jpg"/>
						</a>
					</div>
					<div class="f size1-2">
						<a href="#"class="f img1-2">
							<img src="image/636053882294162011.jpg"/>
						</a>
					</div>
				</div>
			</div>
			<div style="width:1200px ;margin:0 auto;">
				<div class="title-item">
					<h6 class="m-title">Pali故事</h6>
				</div>
				<ul style="display: block;margin-top: 8px;">
					<li class="p-list">
						<a href="#" title="代购中国年货 家乡味送上门"><img src="image/635913180615515775.jpg"/></a>
						<a href="#">代购中国年货 家乡味送上门</a>
					</li>
					<li class="p-list">
						<a href="#" title="揭秘：Panli包裹诞生记"><img src="image/635761096618460087.jpg"/></a>
						<a href="#">揭秘：Panli包裹诞生记</a>
					</li>
					<li class="p-list">
						<a href="#" title="带你走进Panli"><img src="image/635961531111959791.jpg"/></a>
						<a href="#">带你走进Panli</a>
					</li>
					<div style="width: 327px;height:158px;float: right;">
						<p style="line-height: 20px;margin: 0;height: 20px;">
							<span class="r-top">&nbsp;会员评价</span>
							<a href="#" style="float: right;text-decoration: none;color: #444;">更多>></a>
						</p>
						<ul style="display: block;margin-top:5px ;">
							<li>
								<span style="width: 36px;height: 36px;display: inline;">
									<img src="image/none.png" style="width:36px;height: 36px;border-radius: 50%;"></img>
									
								</span>
								
								<div class="comment">
									<span style="font-size:14px ;height: 16px;line-height: 16px;text-overflow: ellipsis;display: block;">第一次用 感觉非常好 东西等不到两周就到了</span>
									<p style="height: 20px;font-size: 12px;line-height: 20px;margin: 0;color: #444;">
										<span>来自澳大利亚</span>
										<span style="float: right;">今天</span>
									</p>
								</div>
							</li>
							
							<li>
								<span style="width: 36px;height: 36px;display: inline;">
									<img src="image/18d6909a-e75b-4990-9300-12bcc8b01720.jpg" style="width:36px;height: 36px;border-radius: 50%;"></img>
									
								</span>
								
								<div class="comment">
									<span style="font-size:14px ;height: 16px;line-height: 16px;text-overflow: ellipsis;display: block;">第一次用 感觉非常好 东西等不到两周就到了</span>
									<p style="height: 20px;font-size: 12px;line-height: 20px;margin: 0;color: #444;">
										<span>来自澳大利亚</span>
										<span style="float: right;">今天</span>
									</p>
								</div>
							</li>
							<li>
								<span style="width: 36px;height: 36px;display: inline;">
									<img src="image/77ccb4f5-ae07-4598-97ae-badc13913505.jpg" style="width:36px;height: 36px;border-radius: 50%;"></img>
									
								</span>
								
								<div class="comment">
									<span style="font-size:14px ;height: 16px;line-height: 16px;text-overflow: ellipsis;display: block;">第一次用 感觉非常好 东西等不到两周就到了</span>
									<p style="height: 20px;font-size: 12px;line-height: 20px;margin: 0;color: #444;">
										<span>来自澳大利亚</span>
										<span style="float: right;">今天</span>
									</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="cb"></div>
				</ul>
			</div>
		</main>
		{{include "share/footer"}}
	</body>
	<script src="js/script.js"></script>
	<script>
		console.log(document.cookie);
	</script>
</html>
